import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/pages/Home.vue'
import Event from '@/pages/Event.vue'
import Article from '@/pages/Article.vue'
import Account from '@/pages/Account.vue'
import SignIn from '@/pages/SignIn.vue'
import SignUp from '@/pages/SignUp.vue'
import Forgot from '@/pages/Forgot.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/events/:id',
      name: 'event',
      component: Event
    },
    {
      path: '/articles/:id',
      name: 'article',
      component: Article
    },
    {
      path: '/account',
      name: 'account',
      component: Account
    },
    {
      path: '/signin',
      name: 'signin',
      component: SignIn
    },
    {
      path: '/signup',
      name: 'signup',
      component: SignUp
    },
    {
      path: '/forgot',
      name: 'forgot',
      component: Forgot
    }
  ]
})

export default router
